<script>
	import { KCol, KRow } from '@ikun-ui/grid';
</script>

<KRow gutter={20} cls="my-4">
	<KCol span={6}><div class="rounded h-36px bg-orange-200" /></KCol>
	<KCol span={18}><div class="rounded h-36px bg-orange-100" /></KCol>
</KRow>

<KRow gutter={20} cls="my-4">
	<KCol span={8}><div class="rounded h-36px bg-orange-200" /></KCol>
	<KCol span={8}><div class="rounded h-36px bg-orange-100" /></KCol>
	<KCol span={4}><div class="rounded h-36px bg-orange-200" /></KCol>
	<KCol span={4}><div class="rounded h-36px bg-orange-100" /></KCol>
</KRow>

<KRow gutter={20} cls="my-4">
	<KCol span={4}><div class="rounded h-36px bg-orange-200" /></KCol>
	<KCol span={16}><div class="rounded h-36px bg-orange-100" /></KCol>
	<KCol span={4}><div class="rounded h-36px bg-orange-200" /></KCol>
</KRow>
